<template>
  <div class="home">
    <div class="home-head">
      <el-card class="home-card-left">
        <el-calendar class="home-calendar-class" />
      </el-card>
      <el-card class="home-card-right">
        <ul v-infinite-scroll="load" class="infinite-list" style="overflow: auto">
          <li v-for="i in count" :key="i" class="infinite-list-item">{{ i }}</li>
        </ul>
      </el-card>
    </div>
    <div class="home-main">
      <el-table :data="tableData" :header-cell-style="{background:'#ecf5ff', color:'#409eff'}" style="width: 100%" max-height="250">
        <el-table-column prop="date" label="创建时间" width="230" />
        <el-table-column prop="name" label="作者" width="220" />
        <el-table-column prop="state" label="标题" width="220" />
        <el-table-column prop="city" label="副标题" width="220" />
        <el-table-column prop="address" label="点赞数" width="220" />
        <el-table-column prop="zip" label="状态" width="120" />
      </el-table>
    </div>

  </div>
</template>

<script lang="ts">
import './index.less'
import indexT from './indexT'

export default indexT
</script>
<style>

</style>
